<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS3 技术介绍</title>
    <style>
        * {
            background-color: pink;
            
        }
        a {
            font-size: 25px;
            text-decoration: none;
        }
        h2 {
            text-align: center;
        }
        img {
            width: 382px;
            height: 417px;
            /* float: left; */
        }
        /* ul li {
            text-align: right;
        } */
        .neirong {
           float: right;
           /* margin-right: 330px; */
        }
        .neirong ul li {
            font-size: 25px;
            margin-top: 37px;
            margin-right: 290px;
        }
       .lianjie {
           margin-top: 10px;
       }
       .lianjier {
           text-align: right;
           /* float: right; */
       }
    </style>
</head>
<body>
    <h2>CSS3 技术介绍</h2>
    <hr>
    <img src="css3.jpg" alt="" title="CSS3">
    <div class="neirong">
        <ul>
            <li>CSS 即层叠样式表（Cascading Stylesheet）</li><br>
            <li>CSS3是CSS技术的升级版本，CSS3语言开发是朝着模块化发展的。</li><br>
            <li>这些模块包括：盒子模型、列表模块、超链接方式、语言模块、背<br>
                景和边框，文字特效、多栏布局等。</li><br>
            <li>在网页制作时采用层叠样式表技术，可以有效地对页面布局、字体、<br>
                颜色、背景和其他效果实现更加精确的控制。</li>
        </ul>
    </div>
    <hr>
    <div class="lianjie">
        <a href="page1.html"> < 上一页 </a>
       
    </div>
    <div class="lianjier">
        <a href="index.html"> 返回首页> </a>
    </div>
</body>
</html>